<template>
    <i :class="['iconfont','wx-icon',className]"></i>
</template>
 
<script setup>
import { defineProps,computed } from 'vue';
const props = defineProps({
  name: String,
  size: {
	type: String,
	default: '14'
  },
  color: {
	type: String,
	// default: '#888'
  },
});

const className = computed(()=>{
	return `wx-${props.name}`
})
</script>

<style scoped>
	.wx-icon{
		font-size:v-bind(props.size+'px');
		color:v-bind(props.color);
	}
</style>